import type { Rule } from 'unocss'

export const rules: Array<Rule<any>> = [
  // 匹配 border-color-[1-4] 的样式
  [/^border-color-(\d+)$/, ([, d]) => ({ 'border-color': `var(--color-border-${d})` })],
  // 匹配 text-color-[1-4] 的样式
  [/^text-color-(\d+)$/, ([, d]) => ({ color: `var(--color-text-${d})` })],
  // 匹配 bg-color-[1-4] 的样式
  [/^bg-color-(\d+)$/, ([, d]) => ({ 'background-color': `var(--color-bg-${d})` })],
  // 匹配 fill-color-[1-4] 的样式
  [/^fill-color-(\d+)$/, ([, d]) => ({ fill: `var(--color-fill-${d})` })],
  // 匹配 bg-fill-[1-4] 的样式
  [/^bg-fill-(\d+)$/, ([, d]) => ({ 'background-color': `var(--color-fill-${d})` })],
]
